关于DOM操作，主要涉及 创建、增、删、改、查、属性操作、事件操作
// 创建节点
1、document.write() //会重新渲染页面 用的比较少
2、innerHTML
3、creatElement
//增加节点
1、appendChild
2、insertBefore
//删除
1、removeChild
//修改 修改元素的内容、属性、表单的值等
1、修改元素属性：src、href、title等
2、修改普通元素内容：innerHTML、innerText
3、修改表单元素：value、type、disable   //表单比较特殊
4、修改元素样式；style、className
//查
1、DOM提供的API方法: document.getElementById document.getElementsByClassName document.getElementsByTagName 古老用法不太推荐
2、H5提供的新方法：querySelector querySelectorAll 提倡，要告诉根据的是什么来查询的
3、利用节点操作获取元素：父(parentNode) 子(children) 兄(previousElementSibling、nextElementSibling)
//属性操作 主要针对自定义属性
setAttribute:设置dom属性值
getAttribute:获得dom属性值
removeAttribute:移除属性

//事件操作
// 给元素注册事件，两种方法 传统方法是采取事件三要素 事件源.事件类型=事件处理程序
